<div :class="name">
    <p><i>员工管理</i><span class="shuoming" title="说明文档">说明</span><em class="title-right"><input placeholder="请输入关键词"/><em class="icon-search"></em></em></p>

    <div class="content-list" id="J-userList">
        <div class="content-operate">
            <div>
                <a href="javascript:void(0)" class="operate">操作</a>
                <a href="javascript:void(0)" class="add">添加</a>
                <a href="javascript:void(0)" class="update">修改</a>
                <a href="javascript:void(0)" class="del">删除</a>
                <a href="javascript:void(0)" class="query">查询</a>
            </div>
        </div>
        <div>
            <div class="fixed-row-top">
                <div class="fixed-flex">
                    <table>
                        <tr>
                            <td style="text-align: left"><em>ii</em></td>
                            <td>{{operate.account}}</td>
                            <td>{{operate.userName}}</td>
                            <td><a href="javascript:void(0)" @click="sortList('password')" class="bg-icon">{{operate.ps}}</a></td>
                            <td>{{operate.department}}</td>
                            <td>{{operate.title}}</td>
                            <td><a href="javascript:void(0)"  @click="sortList('fullName')" class="bg-icon">{{operate.fullName}}</a></td>
                            <td>{{operate.tel}}</td>
                            <td>{{operate.address}}</td>
                        </tr>
                    </table>
                </div>
            </div>
            <div class="can-scroll-panel" id="J-tableScroll">

                <table>
                    <tr v-for="user in data">
                        <td><em>ii</em></td>
                        <td><em>ii</em>{{user.account}}</td>
                        <td>{{user.userName}}</td>
                        <td>{{user.ps}}</td>
                        <td>{{user.department}}</td>
                        <td>{{user.title}}</td>
                        <td>{{user.fullName}}</td>
                        <td>{{user.tel}}</td>
                        <td>{{user.address}}</td>
                    </tr>
                </table>
            </div>
            <div>
                <div class="additional">
                    <table>
                        <tr>
                            <td><em>ii</em></td>
                            <td>全选</td>
                            <td>
                                <div id="page" class="page">
                                    <template>
                                        <Page :total="100" show-sizer></Page>
                                    </template>
                                </div>
                            </td>
                            <td></td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>